<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #info{
            width: 300px;
            height: 500px;
            background-color: skyblue;
            overflow: auto;
        }
    </style>
    <script>
        window.onload=function(){
            /*
                当滚动条滚动到底时，表单项可用
                onscroll
            */
            var info=document.getElementById("info");
            //获取表单项
            var inputs=document.getElementsByTagName("input");
            info.onscroll=function(){
                //检查垂直滚动条是否滚动到底
                if(info.scrollHeight-info.scrollTop==info.clientHeight){
                    inputs[0].disabled=false;
                    inputs[1].disabled=false;
                }
            }
        }
    </script>
</head>
<body>
    <h3>欢迎亲爱的用户注册</h3>
    <p id="info">
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
        亲爱的用户，好好看，否则别注册，
    </p>
    <!-- 如果为表单项添加disabled="disabled" 表单项将不可用 -->
    <input type="checkbox" disabled="disabled"/>我已经仔细阅读，一定遵守
    <input type="submit" value="注册" disabled="disabled">
</body>
</html>